﻿<Application xmlns="http://schemas.microsoft.com/client/2007"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             x:Class="SLExtensions.Showcase.App"
             xmlns:mediaCore="clr-namespace:SLMedia.Core;assembly=SLMedia.Core"
             xmlns:slec="clr-namespace:SLExtensions.Controls;assembly=SLExtensions.Controls"
             xmlns:sled="clr-namespace:SLExtensions.Data;assembly=SLExtensions.Data"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             xmlns:vsm="clr-namespace:System.Windows;assembly=System.Windows"
             xmlns:inter="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity" 
             xmlns:slint="clr-namespace:SLExtensions.Interactivity;assembly=SLExtensions.Interactivity">
    <Application.Resources>
        <sled:StringFormatConverter x:Key="stringFormat" />
        <sled:ImageBrushConverter x:Key="brushConverter"/>
        <sled:TimeSpanConverter x:Key="timeSpanConverter" />
        <sled:HtmlStripConverter x:Key="htmlStripConverter"/>
        <sys:String x:Key="percent">{0:p}</sys:String>

        <ControlTemplate x:Key="ButtonPrevStyle" TargetType="Button">
            <Grid>
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Focused"/>
                        <vsm:VisualState x:Name="Unfocused"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rect" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="arrow" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Pressed">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <slec:Viewbox >
                    <Canvas Width="43" Height="41">
                        <Path Width="41.3086" Height="40.0615" Stretch="Fill" Fill="#FF0A0A0A" Data="F1 M 9533.71,9897.32L 9569.92,9879.73L 9570.53,9879.44C 9571.8,9878.95 9573,9879.79 9573.3,9880.9C 9570.15,9884.42 9567.9,9888.75 9566.88,9893.55C 9566.86,9893.61 9566.85,9893.67 9566.83,9893.75C 9566.4,9895.54 9566.17,9897.41 9566.17,9899.33C 9566.17,9901.24 9566.4,9903.09 9566.83,9904.86C 9567.82,9909.76 9570.11,9914.19 9573.31,9917.77C 9572.99,9918.88 9571.8,9919.74 9570.5,9919.19L 9569.92,9918.93L 9533.71,9901.34C 9531.43,9900.23 9531.43,9898.43 9533.71,9897.32 Z " Canvas.Left="0.814" Canvas.Top="0.503"/>
                        <Path Width="40.5752" Height="19.7881" Stretch="Fill" Data="F1 M 9536.95,9898.81C 9536.95,9898.81 9549.31,9896.64 9561.03,9897.81C 9563.79,9898.08 9564.25,9895.56 9564.25,9895.56C 9566.47,9885.44 9573.2,9880.9 9573.2,9880.9C 9572.89,9879.79 9571.7,9878.95 9570.43,9879.44L 9569.81,9879.73L 9534.61,9896.92C 9534.61,9896.92 9531.06,9899.08 9533.45,9899.08C 9534.67,9898.97 9536.95,9898.81 9536.95,9898.81 Z " Canvas.Left="1.28" Canvas.Top="0.473">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.484296,0.322312" EndPoint="1.06981,0.322312">
                                    <LinearGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                            <SkewTransform CenterX="0.484296" CenterY="0.322312" AngleX="13.2151" AngleY="0"/>
                                            <RotateTransform CenterX="0.484296" CenterY="0.322312" Angle="85.7095"/>
                                        </TransformGroup>
                                    </LinearGradientBrush.RelativeTransform>
                                    <GradientStop Color="#80FFFFFF" Offset="0"/>
                                    <GradientStop Color="#8019161A" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="40.5752" Height="19.7871" Stretch="Fill" Data="F1 M 9536.95,9899.91C 9536.95,9899.91 9549.31,9902.08 9561.03,9900.91C 9563.79,9900.64 9564.25,9903.16 9564.25,9903.16C 9566.47,9913.27 9573.2,9917.82 9573.2,9917.82C 9572.89,9918.92 9571.7,9919.77 9570.43,9919.28L 9569.81,9918.99L 9534.61,9901.8C 9534.61,9901.8 9531.06,9899.63 9533.45,9899.63C 9534.67,9899.74 9536.95,9899.91 9536.95,9899.91 Z " Canvas.Left="1.28" Canvas.Top="20.803">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.455871,0.689271" EndPoint="0.707804,0.689271">
                                    <LinearGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                            <SkewTransform CenterX="0.455871" CenterY="0.689271" AngleX="-28.7165" AngleY="0"/>
                                            <RotateTransform CenterX="0.455871" CenterY="0.689271" Angle="-78.7172"/>
                                        </TransformGroup>
                                    </LinearGradientBrush.RelativeTransform>
                                    <GradientStop Color="#F0FFFFFF" Offset="0"/>
                                    <GradientStop Color="#F0090909" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="40.5752" Height="19.7871" Stretch="Fill" Data="F1 M 9536.83,9899.91C 9536.83,9899.91 9549.19,9902.08 9560.92,9900.91C 9563.68,9900.64 9564.14,9903.16 9564.14,9903.16C 9566.36,9913.27 9573.08,9917.82 9573.08,9917.82C 9572.78,9918.92 9571.58,9919.77 9570.32,9919.28L 9569.7,9918.99L 9534.5,9901.8C 9534.5,9901.8 9530.95,9899.63 9533.33,9899.63C 9534.56,9899.74 9536.83,9899.91 9536.83,9899.91 Z " Canvas.Left="1.17" Canvas.Top="20.803">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.40516,1.00671" EndPoint="1.1008,1.00671">
                                    <LinearGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                            <SkewTransform CenterX="0.40516" CenterY="1.00671" AngleX="-26.5132" AngleY="0"/>
                                            <RotateTransform CenterX="0.40516" CenterY="1.00671" Angle="-80.0241"/>
                                        </TransformGroup>
                                    </LinearGradientBrush.RelativeTransform>
                                    <GradientStop Color="#80FFFFFF" Offset="0"/>
                                    <GradientStop Color="#80090909" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="10.333" Height="13.1924" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#CD464646" Fill="#CDFFFFFF" Data="F1 M 9560.97,9904.81C 9560.97,9905.21 9560.69,9905.38 9560.33,9905.18L 9552.24,9899.73C 9551.89,9899.53 9551.89,9899.2 9552.24,9899L 9560.33,9893.49C 9560.69,9893.29 9560.97,9893.46 9560.97,9893.86L 9560.97,9904.81 Z " Canvas.Left="20.136" Canvas.Top="14.009" x:Name="arrow"/>
                        <Path Width="4.18848" Height="12.5303" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF464646" Fill="#FFFFFFFF" Data="F1 M 9549.42,9904.5C 9549.42,9904.74 9549.62,9904.93 9549.86,9904.93L 9551.84,9904.93C 9552.08,9904.93 9552.28,9904.74 9552.28,9904.5L 9552.28,9894.17C 9552.28,9893.93 9552.08,9893.74 9551.84,9893.74L 9549.86,9893.74C 9549.62,9893.74 9549.42,9893.93 9549.42,9894.17L 9549.42,9904.5 Z " Canvas.Left="17.514" Canvas.Top="14.243" x:Name="rect"/>
                        <Path Width="42.6426" Height="41.3945" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#B0FFFFFF" Data="F1 M 9566.85,9893.65C 9566.43,9895.44 9566.17,9897.4 9566.17,9899.33C 9566.17,9901.23 9566.4,9903.09 9566.83,9904.86C 9567.82,9909.76 9570.1,9914.19 9573.31,9917.77C 9572.99,9918.88 9571.8,9919.74 9570.5,9919.19L 9569.92,9918.93L 9533.72,9901.34C 9531.43,9900.23 9531.43,9898.43 9533.72,9897.32L 9569.92,9879.73L 9570.53,9879.44C 9571.8,9878.95 9572.99,9879.79 9573.3,9880.9C 9570.15,9884.42 9567.87,9888.85 9566.85,9893.65 Z " x:Name="border"/>
                    </Canvas>
                </slec:Viewbox>
            </Grid>
        </ControlTemplate>

        <ControlTemplate x:Key="ButtonNextStyle" TargetType="Button">
            <Grid>
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Focused"/>
                        <vsm:VisualState x:Name="Unfocused"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rect" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="arrow" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Pressed">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <slec:Viewbox >
                    <Canvas Width="43" Height="41" RenderTransformOrigin="0.5,0.5" >
                        <Canvas.RenderTransform>
                            <ScaleTransform ScaleX="-1" />
                        </Canvas.RenderTransform>
                        <Path Width="41.3086" Height="40.0615" Stretch="Fill" Fill="#FF0A0A0A" Data="F1 M 9533.71,9897.32L 9569.92,9879.73L 9570.53,9879.44C 9571.8,9878.95 9573,9879.79 9573.3,9880.9C 9570.15,9884.42 9567.9,9888.75 9566.88,9893.55C 9566.86,9893.61 9566.85,9893.67 9566.83,9893.75C 9566.4,9895.54 9566.17,9897.41 9566.17,9899.33C 9566.17,9901.24 9566.4,9903.09 9566.83,9904.86C 9567.82,9909.76 9570.11,9914.19 9573.31,9917.77C 9572.99,9918.88 9571.8,9919.74 9570.5,9919.19L 9569.92,9918.93L 9533.71,9901.34C 9531.43,9900.23 9531.43,9898.43 9533.71,9897.32 Z " Canvas.Left="0.814" Canvas.Top="0.503"/>
                        <Path Width="40.5752" Height="19.7881" Stretch="Fill" Data="F1 M 9536.95,9898.81C 9536.95,9898.81 9549.31,9896.64 9561.03,9897.81C 9563.79,9898.08 9564.25,9895.56 9564.25,9895.56C 9566.47,9885.44 9573.2,9880.9 9573.2,9880.9C 9572.89,9879.79 9571.7,9878.95 9570.43,9879.44L 9569.81,9879.73L 9534.61,9896.92C 9534.61,9896.92 9531.06,9899.08 9533.45,9899.08C 9534.67,9898.97 9536.95,9898.81 9536.95,9898.81 Z " Canvas.Left="1.28" Canvas.Top="0.473">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.484296,0.322312" EndPoint="1.06981,0.322312">
                                    <LinearGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                            <SkewTransform CenterX="0.484296" CenterY="0.322312" AngleX="13.2151" AngleY="0"/>
                                            <RotateTransform CenterX="0.484296" CenterY="0.322312" Angle="85.7095"/>
                                        </TransformGroup>
                                    </LinearGradientBrush.RelativeTransform>
                                    <GradientStop Color="#80FFFFFF" Offset="0"/>
                                    <GradientStop Color="#8019161A" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="40.5752" Height="19.7871" Stretch="Fill" Data="F1 M 9536.95,9899.91C 9536.95,9899.91 9549.31,9902.08 9561.03,9900.91C 9563.79,9900.64 9564.25,9903.16 9564.25,9903.16C 9566.47,9913.27 9573.2,9917.82 9573.2,9917.82C 9572.89,9918.92 9571.7,9919.77 9570.43,9919.28L 9569.81,9918.99L 9534.61,9901.8C 9534.61,9901.8 9531.06,9899.63 9533.45,9899.63C 9534.67,9899.74 9536.95,9899.91 9536.95,9899.91 Z " Canvas.Left="1.28" Canvas.Top="20.803">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.455871,0.689271" EndPoint="0.707804,0.689271">
                                    <LinearGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                            <SkewTransform CenterX="0.455871" CenterY="0.689271" AngleX="-28.7165" AngleY="0"/>
                                            <RotateTransform CenterX="0.455871" CenterY="0.689271" Angle="-78.7172"/>
                                        </TransformGroup>
                                    </LinearGradientBrush.RelativeTransform>
                                    <GradientStop Color="#F0FFFFFF" Offset="0"/>
                                    <GradientStop Color="#F0090909" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="40.5752" Height="19.7871" Stretch="Fill" Data="F1 M 9536.83,9899.91C 9536.83,9899.91 9549.19,9902.08 9560.92,9900.91C 9563.68,9900.64 9564.14,9903.16 9564.14,9903.16C 9566.36,9913.27 9573.08,9917.82 9573.08,9917.82C 9572.78,9918.92 9571.58,9919.77 9570.32,9919.28L 9569.7,9918.99L 9534.5,9901.8C 9534.5,9901.8 9530.95,9899.63 9533.33,9899.63C 9534.56,9899.74 9536.83,9899.91 9536.83,9899.91 Z " Canvas.Left="1.17" Canvas.Top="20.803">
                            <Path.Fill>
                                <LinearGradientBrush StartPoint="0.40516,1.00671" EndPoint="1.1008,1.00671">
                                    <LinearGradientBrush.RelativeTransform>
                                        <TransformGroup>
                                            <SkewTransform CenterX="0.40516" CenterY="1.00671" AngleX="-26.5132" AngleY="0"/>
                                            <RotateTransform CenterX="0.40516" CenterY="1.00671" Angle="-80.0241"/>
                                        </TransformGroup>
                                    </LinearGradientBrush.RelativeTransform>
                                    <GradientStop Color="#80FFFFFF" Offset="0"/>
                                    <GradientStop Color="#80090909" Offset="1"/>
                                </LinearGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="10.333" Height="13.1924" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#CD464646" Fill="#CDFFFFFF" Data="F1 M 9560.97,9904.81C 9560.97,9905.21 9560.69,9905.38 9560.33,9905.18L 9552.24,9899.73C 9551.89,9899.53 9551.89,9899.2 9552.24,9899L 9560.33,9893.49C 9560.69,9893.29 9560.97,9893.46 9560.97,9893.86L 9560.97,9904.81 Z " Canvas.Left="20.136" Canvas.Top="14.009" x:Name="arrow"/>
                        <Path Width="4.18848" Height="12.5303" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF464646" Fill="#FFFFFFFF" Data="F1 M 9549.42,9904.5C 9549.42,9904.74 9549.62,9904.93 9549.86,9904.93L 9551.84,9904.93C 9552.08,9904.93 9552.28,9904.74 9552.28,9904.5L 9552.28,9894.17C 9552.28,9893.93 9552.08,9893.74 9551.84,9893.74L 9549.86,9893.74C 9549.62,9893.74 9549.42,9893.93 9549.42,9894.17L 9549.42,9904.5 Z " Canvas.Left="17.514" Canvas.Top="14.243" x:Name="rect"/>
                        <Path Width="42.6426" Height="41.3945" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#B0FFFFFF" Data="F1 M 9566.85,9893.65C 9566.43,9895.44 9566.17,9897.4 9566.17,9899.33C 9566.17,9901.23 9566.4,9903.09 9566.83,9904.86C 9567.82,9909.76 9570.1,9914.19 9573.31,9917.77C 9572.99,9918.88 9571.8,9919.74 9570.5,9919.19L 9569.92,9918.93L 9533.72,9901.34C 9531.43,9900.23 9531.43,9898.43 9533.72,9897.32L 9569.92,9879.73L 9570.53,9879.44C 9571.8,9878.95 9572.99,9879.79 9573.3,9880.9C 9570.15,9884.42 9567.87,9888.85 9566.85,9893.65 Z " x:Name="border"/>
                    </Canvas>
                </slec:Viewbox>
            </Grid>
        </ControlTemplate>

        <ControlTemplate x:Key="CheckBoxPlayPause" TargetType="CheckBox">
            <Grid>
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Pressed">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>

                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Arrow" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle1" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="rectangle" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFED1C24"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CheckStates">
                        <vsm:VisualState x:Name="Indeterminate"/>
                        <vsm:VisualState x:Name="Checked">
                            <Storyboard>
                                <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="pause" Storyboard.TargetProperty="(UIElement.Visibility)">
                                    <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                        <DiscreteObjectKeyFrame.Value>
                                            <Visibility>Visible</Visibility>
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames>
                                <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="Arrow" Storyboard.TargetProperty="(UIElement.Visibility)">
                                    <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                        <DiscreteObjectKeyFrame.Value>
                                            <Visibility>Collapsed</Visibility>
                                        </DiscreteObjectKeyFrame.Value>
                                    </DiscreteObjectKeyFrame>
                                </ObjectAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Unchecked"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Unfocused"/>
                        <vsm:VisualState x:Name="Focused"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <slec:Viewbox>
                    <Canvas Width="55.334" Height="55.334">
                        <Path Width="50.0664" Height="25.6533" Stretch="Fill" Data="F1 M 9626.47,9892.77C 9626.47,9904.05 9612.72,9893.51 9601.43,9893.51C 9590.14,9893.51 9576.4,9904.05 9576.4,9892.77C 9576.4,9881.48 9590.14,9872.33 9601.43,9872.33C 9612.72,9872.33 9626.47,9881.48 9626.47,9892.77 Z " Canvas.Left="3.366" Canvas.Top="1.002">
                            <Path.Fill>
                                <RadialGradientBrush RadiusX="0.535266" RadiusY="1.04465" Center="0.499981,1.11226" GradientOrigin="0.499981,1.11226">
                                    <RadialGradientBrush.RelativeTransform>
                                        <TransformGroup/>
                                    </RadialGradientBrush.RelativeTransform>
                                    <GradientStop Color="#8019161A" Offset="0"/>
                                    <GradientStop Color="#8019161A" Offset="0.296707"/>
                                    <GradientStop Color="#808C8A8C" Offset="0.908572"/>
                                    <GradientStop Color="#80FFFFFF" Offset="1"/>
                                </RadialGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="46.2402" Height="22.0166" Stretch="Fill" Data="F1 M 9624.55,9903.67C 9624.55,9903.58 9624.55,9903.49 9624.55,9903.4L 9624.55,9903.4C 9624.55,9903.49 9624.55,9903.58 9624.55,9903.67 Z M 9578.31,9903.67C 9578.31,9903.58 9578.31,9903.49 9578.31,9903.4L 9578.31,9903.4C 9578.31,9903.49 9578.31,9903.58 9578.31,9903.67 Z M 9624.55,9903.67L 9624.55,9903.71 Z M 9578.31,9903.67L 9578.31,9903.7 Z M 9578.32,9903.9C 9578.32,9903.84 9578.32,9903.77 9578.31,9903.7L 9578.31,9903.7C 9578.32,9903.77 9578.32,9903.84 9578.32,9903.9 Z M 9624.55,9903.9C 9624.55,9903.84 9624.55,9903.77 9624.55,9903.71L 9624.55,9903.71C 9624.55,9903.77 9624.55,9903.83 9624.55,9903.9 Z M 9601.43,9906.68C 9588.84,9906.68 9578.61,9915.31 9578.32,9903.9L 9578.32,9903.9C 9578.6,9915.83 9588.84,9925.42 9601.43,9925.42L 9601.43,9925.42C 9614.02,9925.42 9624.27,9915.83 9624.55,9903.9L 9624.55,9903.9C 9624.26,9915.31 9614.02,9906.68 9601.43,9906.68 Z " Canvas.Left="5.195" Canvas.Top="32.992">
                            <Path.Fill>
                                <RadialGradientBrush RadiusX="0.673749" RadiusY="1.41504" Center="0.512482,1.60479" GradientOrigin="0.512482,1.60479">
                                    <RadialGradientBrush.RelativeTransform>
                                        <TransformGroup/>
                                    </RadialGradientBrush.RelativeTransform>
                                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                    <GradientStop Color="#FF848484" Offset="0.535876"/>
                                    <GradientStop Color="#FF090909" Offset="1"/>
                                </RadialGradientBrush>
                            </Path.Fill>
                        </Path>
                        <Path Width="21.543" Height="27.96" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF0A0A0A" Fill="#FFFFFFFF" Data="F1 M 9594.44,9912.93C 9594.44,9913.83 9595.08,9914.2 9595.87,9913.77L 9614.06,9901.54C 9614.84,9901.08 9614.84,9900.33 9614.06,9899.88L 9595.87,9887.51C 9595.08,9887.07 9594.44,9887.44 9594.44,9888.35L 9594.44,9912.93 Z " Canvas.Left="19.339" Canvas.Top="14.001" x:Name="Arrow"/>
                        <Path Width="55.334" Height="55.334" Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#B0FFFFFF" Data="F1 M 9628.43,9899.33C 9628.43,9914.24 9616.34,9926.33 9601.43,9926.33C 9586.52,9926.33 9574.43,9914.24 9574.43,9899.33C 9574.43,9884.42 9586.52,9872.33 9601.43,9872.33C 9616.34,9872.33 9628.43,9884.42 9628.43,9899.33 Z " Canvas.Left="0.668" Canvas.Top="0.668"
            				Fill="Transparent" x:Name="border"/>
                        <Canvas Height="26" Width="21" Canvas.Left="18" Canvas.Top="15" x:Name="pause" Visibility="Collapsed">
                            <Rectangle Height="26" x:Name="rectangle1" Width="10" RenderTransformOrigin="0.5,0.5" Fill="#FFFFFFFF" Stroke="#FF0A0A0A" StrokeLineJoin="Round" StrokeThickness="1.33333">
                                <Rectangle.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Rectangle.RenderTransform>
                            </Rectangle>
                            <Rectangle Height="26" Width="10" Fill="#FFFFFFFF" Stroke="#FF0A0A0A" StrokeLineJoin="Round" StrokeThickness="1.33333" x:Name="rectangle" RenderTransformOrigin="0.5,0.5" Canvas.Left="11">
                                <Rectangle.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Rectangle.RenderTransform>
                            </Rectangle>
                        </Canvas>
                    </Canvas>
                </slec:Viewbox>
            </Grid>
        </ControlTemplate>
        <ControlTemplate x:Key="ThumbControlTemplate" TargetType="Thumb">
            <Grid Width="12" Height="12" Background="Transparent">
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver"/>

                        <vsm:VisualState x:Name="Pressed"/>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Unfocused"/>
                        <vsm:VisualState x:Name="Focused"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Grid x:Name="grip" >
                    <Ellipse Fill="#FF000000" Stroke="#00000000"/>
                    <Path Height="6" Stretch="Fill" Data="F1 M 9393.07,9845.51C 9393.07,9848.26 9389.71,9845.69 9386.96,9845.69C 9384.2,9845.69 9380.85,9848.26 9380.85,9845.51C 9380.85,9842.75 9384.2,9840.52 9386.96,9840.52C 9389.71,9840.52 9393.07,9842.75 9393.07,9845.51 Z " Margin="0.688,0,1.312,0" VerticalAlignment="Top">
                        <Path.Fill>
                            <RadialGradientBrush RadiusX="0.535246" RadiusY="1.04445" Center="0.5,1.11229" GradientOrigin="0.5,1.11229">
                                <RadialGradientBrush.RelativeTransform>
                                    <TransformGroup/>
                                </RadialGradientBrush.RelativeTransform>
                                <GradientStop Color="#80090909" Offset="0"/>
                                <GradientStop Color="#80090909" Offset="0.296707"/>
                                <GradientStop Color="#807A1216" Offset="0.908572"/>
                                <GradientStop Color="#80EC1C24" Offset="1"/>
                            </RadialGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" Data="F1 M 9392.6,9848.23C 9392.6,9848.19 9392.6,9848.15 9392.6,9848.11L 9392.6,9848.11C 9392.6,9848.15 9392.6,9848.19 9392.6,9848.23 Z M 9381.32,9848.23C 9381.32,9848.19 9381.31,9848.15 9381.31,9848.11L 9381.31,9848.11C 9381.31,9848.15 9381.32,9848.19 9381.32,9848.23 Z M 9392.6,9848.23L 9392.6,9848.26 Z M 9381.32,9848.23L 9381.32,9848.26 Z M 9381.32,9848.26L 9381.32,9848.33 Z M 9392.6,9848.26L 9392.59,9848.33 Z M 9386.96,9848.91C 9383.92,9848.91 9381.45,9850.96 9381.32,9848.33L 9381.32,9848.33C 9381.44,9851.19 9383.92,9853.48 9386.96,9853.48L 9386.96,9853.48C 9390,9853.48 9392.47,9851.19 9392.59,9848.33L 9392.59,9848.33C 9392.47,9850.96 9390,9848.91 9386.96,9848.91 Z " Height="5.373" VerticalAlignment="Bottom" Width="10">
                        <Path.Fill>
                            <RadialGradientBrush RadiusX="0.673704" RadiusY="1.41512" Center="0.512503,1.60469" GradientOrigin="0.512503,1.60469">
                                <RadialGradientBrush.RelativeTransform>
                                    <TransformGroup/>
                                </RadialGradientBrush.RelativeTransform>
                                <GradientStop Color="#FFF05924" Offset="0"/>
                                <GradientStop Color="#FF7C3116" Offset="0.535876"/>
                                <GradientStop Color="#FF090909" Offset="1"/>
                            </RadialGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Ellipse Stroke="#FFF15A24"/>
                </Grid>
            </Grid>
        </ControlTemplate>

        <Style x:Key="SliderTimeLineStyle" TargetType="Slider">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Maximum" Value="10"/>
            <Setter Property="Minimum" Value="0"/>
            <Setter Property="Value" Value="0"/>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Foreground" Value="#34FFFFFF"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Slider">
                        <Grid x:Name="Root">
                            <Grid.Resources>
                                <ControlTemplate x:Key="RepeatButtonTemplateLeft">
                                    <Grid x:Name="Root" >
                                        <Rectangle Height="5" Stroke="#34FFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1"
											Fill="{TemplateBinding Background}"/>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="RepeatButtonTemplate">
                                    <Grid x:Name="Root" Background="Transparent"/>
                                </ControlTemplate>

                            </Grid.Resources>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                                    </vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualState x:Name="Normal"/>
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="HorizontalThumb" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="0.5"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>

                            <Grid x:Name="HorizontalTemplate" Background="{TemplateBinding Background}">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Rectangle Height="5" Margin="5,0,5,0" Grid.Column="0" Grid.ColumnSpan="3" Stroke="{TemplateBinding Foreground}" StrokeThickness="{TemplateBinding BorderThickness}" RadiusX="2" RadiusY="2"/>
                                <RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplateLeft}" Background="#ED1C24" Grid.Column="0"/>

                                <Thumb Opacity="0" Height="18" x:Name="HorizontalThumb" Width="11" IsTabStop="True" Grid.Column="1" Template="{StaticResource ThumbControlTemplate}"/>
                                <RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Background="Transparent" Grid.Column="2"/>
                            </Grid>
                        </Grid>
                    </ControlTemplate>

                </Setter.Value>
            </Setter>
        </Style>
        <ControlTemplate x:Key="CheckBoxSoundStyle" TargetType="CheckBox">
            <Grid >
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Pressed">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="line" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="path" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="path" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                </ColorAnimationUsingKeyFrames>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="line" Storyboard.TargetProperty="(Shape.Stroke).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CheckStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Indeterminate"/>
                        <vsm:VisualState x:Name="Checked">
                            <Storyboard>
                                <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="line" Storyboard.TargetProperty="(UIElement.Opacity)">
                                    <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                </DoubleAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Unchecked"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Unfocused"/>
                        <vsm:VisualState x:Name="Focused"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Path Stretch="Fill" Fill="#4DFFFFFF"
				 Data="F1 M 9920.18,9911.79C 9919.84,9911.58 9919.39,9911.68 9919.18,9912.02C 9918.97,9912.36 9919.07,9912.8 9919.41,9913.02C 9922.19,9914.78 9924.03,9917.87 9924.03,9921.4C 9924.03,9924.93 9922.19,9928.02 9919.41,9929.78C 9919.07,9929.99 9918.97,9930.44 9919.18,9930.78C 9919.32,9931 9919.55,9931.12 9919.8,9931.12C 9919.93,9931.12 9920.06,9931.08 9920.18,9931C 9923.37,9928.99 9925.48,9925.44 9925.48,9921.4C 9925.48,9917.35 9923.36,9913.8 9920.18,9911.79 Z M 9921.44,9921.4C 9921.44,9918.83 9920.09,9916.58 9918.07,9915.3C 9917.73,9915.09 9917.29,9915.19 9917.07,9915.53C 9916.86,9915.87 9916.96,9916.31 9917.3,9916.53C 9918.92,9917.55 9919.99,9919.34 9919.99,9921.4C 9919.99,9923.45 9918.92,9925.25 9917.3,9926.27C 9916.96,9926.49 9916.86,9926.93 9917.07,9927.27C 9917.21,9927.49 9917.45,9927.61 9917.69,9927.61C 9917.82,9927.61 9917.95,9927.57 9918.07,9927.5C 9920.09,9926.22 9921.44,9923.96 9921.44,9921.4 Z M 9913.67,9913.05L 9905.75,9917.49L 9900.04,9917.49C 9899.77,9917.49 9899.56,9917.71 9899.56,9917.99L 9899.56,9924.81C 9899.56,9925.08 9899.77,9925.3 9900.04,9925.3L 9905.75,9925.3L 9913.67,9929.75C 9913.99,9929.75 9914.25,9929.49 9914.25,9929.16L 9914.25,9913.63C 9914.25,9913.31 9913.99,9913.05 9913.67,9913.05 Z " 
				 Margin="8,0, 0,0"
				 Height="14.49" Width="19.44" HorizontalAlignment="Left" VerticalAlignment="Center" x:Name="path" />
                <Path Stroke="#4DFFFFFF" Data="F1 M 4,12 L 30,0" StrokeThickness="2"  Opacity="0" x:Name="line" VerticalAlignment="Center" HorizontalAlignment="Left" />
            </Grid>
        </ControlTemplate>
        <Style x:Key="SliderVolumeStyle" TargetType="Slider">
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="Maximum" Value="10"/>
            <Setter Property="Minimum" Value="0"/>
            <Setter Property="Value" Value="0"/>
            <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                        <GradientStop Color="#FF718597" Offset="0.375"/>
                        <GradientStop Color="#FF617584" Offset="1"/>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Slider">
                        <Grid x:Name="Root">
                            <Grid.Resources>
                                <ControlTemplate x:Key="RepeatButtonTemplateLeft">
                                    <Grid x:Name="Root" >
                                        <Rectangle Height="5" Stroke="#34FFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1"
											Fill="{TemplateBinding Background}"/>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="RepeatButtonTemplate">
                                    <Grid x:Name="Root" Background="{TemplateBinding Background}"/>
                                </ControlTemplate>
                            </Grid.Resources>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                                    </vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualState x:Name="Normal"/>
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="HorizontalThumb" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="0.5"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
                            <Grid x:Name="HorizontalTemplate" Background="{TemplateBinding Background}">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                </Grid.ColumnDefinitions>
                                <Rectangle Height="5" Margin="5,0,5,0" Grid.Column="0" Grid.ColumnSpan="3" Stroke="#34FFFFFF" StrokeThickness="{TemplateBinding BorderThickness}" RadiusX="2" RadiusY="2"/>
                                <RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplateLeft}" Background="#ED1C24" Grid.Column="0"/>
                                <Thumb Opacity="0" Height="18" x:Name="HorizontalThumb" Width="11" IsTabStop="True" Grid.Column="1" Template="{StaticResource ThumbControlTemplate}"/>
                                <RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Background="Transparent" Grid.Column="2"/>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <ItemsPanelTemplate x:Key="ItemsPanelTemplatePlaylist">
            <StackPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>

        <ControlTemplate x:Key="RepeatButtonControlTemplateDecrease" TargetType="RepeatButton">
            <Grid>
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Focused"/>
                        <vsm:VisualState x:Name="Unfocused"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver"/>
                        <vsm:VisualState x:Name="Pressed"/>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Grid Height="45" HorizontalAlignment="Left" VerticalAlignment="Center" Width="23">
                    <Path Stretch="Fill" Fill="#FF0A0A0A" Data="F1 M 120.016,-55.289L 139.234,-74.2584L 139.563,-74.5728C 140.234,-75.0969 140.871,-74.1933 141.032,-73.0012C 139.359,-69.1985 138.162,-64.5279 137.622,-59.3567C 137.611,-59.2929 137.606,-59.2265 137.597,-59.1399C 137.371,-57.2089 137.247,-55.1998 137.247,-53.1236C 137.247,-51.0703 137.371,-49.0703 137.594,-47.1542C 138.121,-41.873 139.335,-37.0995 141.038,-33.2356C 140.868,-32.0383 140.234,-31.1197 139.544,-31.7089L 139.234,-31.9836L 120.016,-50.9543C 118.802,-52.1503 118.802,-54.0943 120.016,-55.289 Z " Margin="0.203,0.767,0.797,1.233"/>
                    <Path Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#B0FFFFFF" Data="F1 M 137.609,-59.2473C 137.383,-57.3176 137.248,-55.1992 137.248,-53.123C 137.248,-51.0703 137.369,-49.0703 137.593,-47.1555C 138.121,-41.8736 139.336,-37.1008 141.037,-33.2349C 140.867,-32.039 140.234,-31.1191 139.544,-31.7102L 139.234,-31.9843L 120.016,-50.9537C 118.803,-52.1509 118.803,-54.0937 120.016,-55.2883L 139.234,-74.2578L 139.563,-74.5728C 140.234,-75.0982 140.869,-74.1926 141.031,-73.0005C 139.36,-69.1978 138.149,-64.4192 137.609,-59.2473 Z "/>
                    <Path Stretch="Fill" Data="F1 M 121.732,-53.6868C 121.732,-53.6868 128.099,-55.1666 134.516,-54.7656C 136.011,-54.6731 136.229,-57.192 136.229,-57.192C 137.408,-68.0976 140.977,-73.0012 140.977,-73.0012C 140.816,-74.1933 140.182,-75.0976 139.508,-74.5735L 139.182,-74.2571L 120.492,-55.7239C 120.492,-55.7239 118.607,-53.3879 119.873,-53.3879C 120.524,-53.5078 121.732,-53.6868 121.732,-53.6868 Z " Height="21" Margin="0.142,0.835,0.858,0" VerticalAlignment="Top">
                        <Path.Fill>
                            <LinearGradientBrush StartPoint="0.45666,0.185989" EndPoint="1.22116,0.185989">
                                <LinearGradientBrush.RelativeTransform>
                                    <TransformGroup>
                                        <SkewTransform CenterX="0.45666" CenterY="0.185989" AngleX="0.135522" AngleY="0"/>
                                        <RotateTransform CenterX="0.45666" CenterY="0.185989" Angle="82.8625"/>
                                    </TransformGroup>
                                </LinearGradientBrush.RelativeTransform>
                                <GradientStop Color="#80FFFFFF" Offset="0"/>
                                <GradientStop Color="#808C8A8C" Offset="0.62345"/>
                                <GradientStop Color="#8019161A" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" Data="F1 M 121.732,-52.4973C 121.732,-52.4973 128.295,-50.1601 134.516,-51.4185C 135.984,-51.7161 136.229,-48.9921 136.229,-48.9921C 137.408,-38.0891 140.977,-33.1841 140.977,-33.1841C 140.816,-31.9921 140.182,-31.0865 139.508,-31.6132L 139.182,-31.9277L 120.492,-50.4602C 120.492,-50.4602 118.607,-52.7974 119.873,-52.7974C 120.524,-52.6796 121.732,-52.4973 121.732,-52.4973 Z " Height="21" Margin="0.142,0,0.858,1.237" VerticalAlignment="Bottom">
                        <Path.Fill>
                            <LinearGradientBrush StartPoint="0.424745,0.578711" EndPoint="0.607234,0.578711">
                                <LinearGradientBrush.RelativeTransform>
                                    <TransformGroup>
                                        <SkewTransform CenterX="0.424745" CenterY="0.578711" AngleX="-0.529685" AngleY="0"/>
                                        <RotateTransform CenterX="0.424745" CenterY="0.578711" Angle="-52.0297"/>
                                    </TransformGroup>
                                </LinearGradientBrush.RelativeTransform>
                                <GradientStop Color="#F0FFFFFF" Offset="0"/>
                                <GradientStop Color="#F0090909" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" Data="F1 M 121.672,-52.4973C 121.672,-52.4973 128.233,-50.1601 134.456,-51.4185C 135.921,-51.7161 136.169,-48.9921 136.169,-48.9921C 137.348,-38.0891 140.917,-33.1841 140.917,-33.1841C 140.755,-31.9921 140.12,-31.0865 139.448,-31.6132L 139.121,-31.9277L 120.432,-50.4602C 120.432,-50.4602 118.546,-52.7974 119.813,-52.7974C 120.463,-52.6796 121.672,-52.4973 121.672,-52.4973 Z " Height="21" Margin="0.081,0,0.919,1.237" VerticalAlignment="Bottom">
                        <Path.Fill>
                            <LinearGradientBrush StartPoint="0.335909,0.831745" EndPoint="0.945416,0.831745">
                                <LinearGradientBrush.RelativeTransform>
                                    <TransformGroup>
                                        <SkewTransform CenterX="0.335909" CenterY="0.831745" AngleX="-0.418067" AngleY="0"/>
                                        <RotateTransform CenterX="0.335909" CenterY="0.831745" Angle="-65.289"/>
                                    </TransformGroup>
                                </LinearGradientBrush.RelativeTransform>
                                <GradientStop Color="#80FFFFFF" Offset="0"/>
                                <GradientStop Color="#80090909" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF464646" Fill="#FFFFFFFF" Data="F1 M 134.487,-47.2173C 134.487,-46.7825 134.338,-46.6041 134.149,-46.815L 129.848,-52.688C 129.663,-52.9081 129.663,-53.2629 129.848,-53.4843L 134.149,-59.4238C 134.338,-59.636 134.487,-59.4576 134.487,-59.0227L 134.487,-47.2173 Z " Margin="10.373,15.272,6.627,15.728"/>
                </Grid>
            </Grid>
        </ControlTemplate>
        <ControlTemplate x:Key="RepeatButtonControlTemplateIncrease" TargetType="RepeatButton">
            <Grid Height="45" Width="23">
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Focused"/>
                        <vsm:VisualState x:Name="Unfocused"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver"/>
                        <vsm:VisualState x:Name="Pressed"/>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Grid Height="45" HorizontalAlignment="Left" VerticalAlignment="Center" Width="23" RenderTransformOrigin="0.5,0.5">
                    <Grid.RenderTransform>
                        <TransformGroup>
                            <ScaleTransform ScaleX="-1"/>
                            <SkewTransform/>
                            <RotateTransform/>
                            <TranslateTransform/>
                        </TransformGroup>
                    </Grid.RenderTransform>
                    <Path Stretch="Fill" Fill="#FF0A0A0A" Data="F1 M 120.016,-55.289L 139.234,-74.2584L 139.563,-74.5728C 140.234,-75.0969 140.871,-74.1933 141.032,-73.0012C 139.359,-69.1985 138.162,-64.5279 137.622,-59.3567C 137.611,-59.2929 137.606,-59.2265 137.597,-59.1399C 137.371,-57.2089 137.247,-55.1998 137.247,-53.1236C 137.247,-51.0703 137.371,-49.0703 137.594,-47.1542C 138.121,-41.873 139.335,-37.0995 141.038,-33.2356C 140.868,-32.0383 140.234,-31.1197 139.544,-31.7089L 139.234,-31.9836L 120.016,-50.9543C 118.802,-52.1503 118.802,-54.0943 120.016,-55.289 Z " Margin="0.203,0.767,0.797,1.233"/>
                    <Path Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#B0FFFFFF" Data="F1 M 137.609,-59.2473C 137.383,-57.3176 137.248,-55.1992 137.248,-53.123C 137.248,-51.0703 137.369,-49.0703 137.593,-47.1555C 138.121,-41.8736 139.336,-37.1008 141.037,-33.2349C 140.867,-32.039 140.234,-31.1191 139.544,-31.7102L 139.234,-31.9843L 120.016,-50.9537C 118.803,-52.1509 118.803,-54.0937 120.016,-55.2883L 139.234,-74.2578L 139.563,-74.5728C 140.234,-75.0982 140.869,-74.1926 141.031,-73.0005C 139.36,-69.1978 138.149,-64.4192 137.609,-59.2473 Z "/>
                    <Path Stretch="Fill" Data="F1 M 121.732,-53.6868C 121.732,-53.6868 128.099,-55.1666 134.516,-54.7656C 136.011,-54.6731 136.229,-57.192 136.229,-57.192C 137.408,-68.0976 140.977,-73.0012 140.977,-73.0012C 140.816,-74.1933 140.182,-75.0976 139.508,-74.5735L 139.182,-74.2571L 120.492,-55.7239C 120.492,-55.7239 118.607,-53.3879 119.873,-53.3879C 120.524,-53.5078 121.732,-53.6868 121.732,-53.6868 Z " Height="21" Margin="0.142,0.835,0.858,0" VerticalAlignment="Top">
                        <Path.Fill>
                            <LinearGradientBrush StartPoint="0.45666,0.185989" EndPoint="1.22116,0.185989">
                                <LinearGradientBrush.RelativeTransform>
                                    <TransformGroup>
                                        <SkewTransform CenterX="0.45666" CenterY="0.185989" AngleX="0.135522" AngleY="0"/>
                                        <RotateTransform CenterX="0.45666" CenterY="0.185989" Angle="82.8625"/>
                                    </TransformGroup>
                                </LinearGradientBrush.RelativeTransform>
                                <GradientStop Color="#80FFFFFF" Offset="0"/>
                                <GradientStop Color="#808C8A8C" Offset="0.62345"/>
                                <GradientStop Color="#8019161A" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" Data="F1 M 121.732,-52.4973C 121.732,-52.4973 128.295,-50.1601 134.516,-51.4185C 135.984,-51.7161 136.229,-48.9921 136.229,-48.9921C 137.408,-38.0891 140.977,-33.1841 140.977,-33.1841C 140.816,-31.9921 140.182,-31.0865 139.508,-31.6132L 139.182,-31.9277L 120.492,-50.4602C 120.492,-50.4602 118.607,-52.7974 119.873,-52.7974C 120.524,-52.6796 121.732,-52.4973 121.732,-52.4973 Z " Height="21" Margin="0.142,0,0.858,1.237" VerticalAlignment="Bottom">
                        <Path.Fill>
                            <LinearGradientBrush StartPoint="0.424745,0.578711" EndPoint="0.607234,0.578711">
                                <LinearGradientBrush.RelativeTransform>
                                    <TransformGroup>
                                        <SkewTransform CenterX="0.424745" CenterY="0.578711" AngleX="-0.529685" AngleY="0"/>
                                        <RotateTransform CenterX="0.424745" CenterY="0.578711" Angle="-52.0297"/>
                                    </TransformGroup>
                                </LinearGradientBrush.RelativeTransform>
                                <GradientStop Color="#F0FFFFFF" Offset="0"/>
                                <GradientStop Color="#F0090909" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" Data="F1 M 121.672,-52.4973C 121.672,-52.4973 128.233,-50.1601 134.456,-51.4185C 135.921,-51.7161 136.169,-48.9921 136.169,-48.9921C 137.348,-38.0891 140.917,-33.1841 140.917,-33.1841C 140.755,-31.9921 140.12,-31.0865 139.448,-31.6132L 139.121,-31.9277L 120.432,-50.4602C 120.432,-50.4602 118.546,-52.7974 119.813,-52.7974C 120.463,-52.6796 121.672,-52.4973 121.672,-52.4973 Z " Height="21" Margin="0.081,0,0.919,1.237" VerticalAlignment="Bottom">
                        <Path.Fill>
                            <LinearGradientBrush StartPoint="0.335909,0.831745" EndPoint="0.945416,0.831745">
                                <LinearGradientBrush.RelativeTransform>
                                    <TransformGroup>
                                        <SkewTransform CenterX="0.335909" CenterY="0.831745" AngleX="-0.418067" AngleY="0"/>
                                        <RotateTransform CenterX="0.335909" CenterY="0.831745" Angle="-65.289"/>
                                    </TransformGroup>
                                </LinearGradientBrush.RelativeTransform>
                                <GradientStop Color="#80FFFFFF" Offset="0"/>
                                <GradientStop Color="#80090909" Offset="1"/>
                            </LinearGradientBrush>
                        </Path.Fill>
                    </Path>
                    <Path Stretch="Fill" StrokeThickness="1.33333" StrokeLineJoin="Round" Stroke="#FF464646" Fill="#FFFFFFFF" Data="F1 M 134.487,-47.2173C 134.487,-46.7825 134.338,-46.6041 134.149,-46.815L 129.848,-52.688C 129.663,-52.9081 129.663,-53.2629 129.848,-53.4843L 134.149,-59.4238C 134.338,-59.636 134.487,-59.4576 134.487,-59.0227L 134.487,-47.2173 Z " Margin="10.373,15.272,6.627,15.728"/>
                </Grid>
            </Grid>
        </ControlTemplate>

        <Style x:Key="ScrollBarStyle" TargetType="ScrollBar">
            <Setter Property="MinWidth" Value="17"/>
            <Setter Property="MinHeight" Value="17"/>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ScrollBar">
                        <Grid x:Name="Root">
                            <Grid.Resources>
                                <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
                                    <Grid x:Name="Root" Background="Transparent">
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualState x:Name="Normal"/>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="HorizontalIncrementTemplate" TargetType="RepeatButton">
                                    <Grid x:Name="Root">
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualStateGroup.Transitions>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver"/>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                                                </vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualState x:Name="Normal"/>
                                                <vsm:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Pressed">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value=".7"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                        <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" StrokeThickness="1" RadiusX="2" RadiusY="2">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                    <GradientStop Color="#FF647480" Offset="1"/>
                                                    <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                    <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                    <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                        </Rectangle>
                                        <Rectangle x:Name="BackgroundAnimation" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0.013"/>
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.603"/>
                                                    <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Rectangle Margin="1" x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#FF45D6FA" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                                        <Path Height="8" Width="4" Data="F1 M 511.047,352.682L 511.047,342.252L 517.145,347.467L 511.047,352.682 Z " Stretch="Uniform">
                                            <Path.Fill>
                                                <SolidColorBrush Color="#FF333333" x:Name="ButtonColor"/>
                                            </Path.Fill>
                                        </Path>
                                        <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="2" RadiusY="2"/>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="HorizontalDecrementTemplate" TargetType="RepeatButton">
                                    <Grid x:Name="Root">
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualStateGroup.Transitions>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver"/>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                                                </vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualState x:Name="Normal"/>
                                                <vsm:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Pressed">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value=".7"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                        <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" StrokeThickness="1" RadiusX="2" RadiusY="2">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                    <GradientStop Color="#FF647480" Offset="1"/>
                                                    <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                    <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                    <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                        </Rectangle>
                                        <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle x:Name="BackgroundPressed" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0.013"/>
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.603"/>
                                                    <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Rectangle Margin="1" x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#FF45D6FA" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                                        <Path Height="8" Width="4" Data="F1 M 110.692,342.252L 110.692,352.682L 104.594,347.467L 110.692,342.252 Z " Stretch="Uniform">
                                            <Path.Fill>
                                                <SolidColorBrush Color="#FF333333" x:Name="ButtonColor"/>
                                            </Path.Fill>
                                        </Path>
                                        <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="2" RadiusY="2"/>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="VerticalIncrementTemplate" TargetType="RepeatButton">
                                    <Grid x:Name="Root">
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualStateGroup.Transitions>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver"/>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                                                </vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualState x:Name="Normal"/>
                                                <vsm:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Pressed">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value=".7"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                        <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" StrokeThickness="1" RadiusX="2" RadiusY="2">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                    <GradientStop Color="#FF647480" Offset="1"/>
                                                    <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                    <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                    <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                        </Rectangle>
                                        <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle x:Name="BackgroundPressed" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0.013"/>
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.603"/>
                                                    <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Rectangle Margin="1" x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#FF45D6FA" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                                        <Path Height="4" Width="8" Data="F1 M 531.107,321.943L 541.537,321.943L 536.322,328.042L 531.107,321.943 Z " Stretch="Uniform">
                                            <Path.Fill>
                                                <SolidColorBrush Color="#FF333333" x:Name="ButtonColor"/>
                                            </Path.Fill>
                                        </Path>
                                        <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="2" RadiusY="2"/>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="VerticalDecrementTemplate" TargetType="RepeatButton">
                                    <Grid x:Name="Root">
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualStateGroup.Transitions>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver"/>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                                                </vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualState x:Name="Normal"/>
                                                <vsm:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Pressed">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledElement" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value=".7"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                        <Rectangle x:Name="Background" Opacity="0" Fill="#FF1F3B53" StrokeThickness="1" RadiusX="2" RadiusY="2">
                                            <Rectangle.Stroke>
                                                <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                    <GradientStop Color="#FF647480" Offset="1"/>
                                                    <GradientStop Color="#FFAEB7BF" Offset="0"/>
                                                    <GradientStop Color="#FF919EA7" Offset="0.35"/>
                                                    <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Stroke>
                                        </Rectangle>
                                        <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle x:Name="BackgroundPressed" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                        <Rectangle Margin="1" x:Name="BackgroundGradient" Opacity="0" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                                            <Rectangle.Fill>
                                                <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">
                                                    <GradientStop Color="#FFFFFFFF" Offset="0.013"/>
                                                    <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                    <GradientStop Color="#E5FFFFFF" Offset="0.603"/>
                                                    <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Rectangle Margin="1" x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#FF45D6FA" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                                        <Path Height="4" Width="8" Data="F1 M 541.537,173.589L 531.107,173.589L 536.322,167.49L 541.537,173.589 Z " Stretch="Uniform">
                                            <Path.Fill>
                                                <SolidColorBrush Color="#FF333333" x:Name="ButtonColor"/>
                                            </Path.Fill>
                                        </Path>
                                        <Rectangle x:Name="DisabledElement" Opacity="0" Fill="#FFFFFFFF" RadiusX="2" RadiusY="2"/>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="VerticalThumbTemplate" TargetType="Thumb">
                                    <Grid>
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualStateGroup.Transitions>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver"/>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                                                </vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualState x:Name="Normal"/>
                                                <vsm:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Pressed">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                        <Grid Margin="1,0,1,0" x:Name="ThumbVisual">
                                            <Rectangle x:Name="Background" Fill="#FF1F3B53" StrokeThickness="1" RadiusX="2" RadiusY="2">
                                                <Rectangle.Stroke>
                                                    <LinearGradientBrush EndPoint="1,.5" StartPoint="0,.5">
                                                        <GradientStop Color="#FF818F99" Offset="1"/>
                                                        <GradientStop Color="#FFC2C9CE" Offset="0"/>
                                                        <GradientStop Color="#FFB3BBC1" Offset="0.35"/>
                                                        <GradientStop Color="#FF96A4B1" Offset="0.35"/>
                                                    </LinearGradientBrush>
                                                </Rectangle.Stroke>
                                            </Rectangle>
                                            <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                            <Rectangle x:Name="BackgroundPressed" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                            <Rectangle Margin="1" x:Name="BackgroundGradient" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush EndPoint="1,.7" StartPoint="0,.7">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.6"/>
                                                        <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                            <Rectangle Margin="1" x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#FF45D6FA" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                                        </Grid>
                                    </Grid>
                                </ControlTemplate>
                                <ControlTemplate x:Key="HorizontalThumbTemplate" TargetType="Thumb">
                                    <Grid>
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualStateGroup.Transitions>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="MouseOver"/>
                                                    <vsm:VisualTransition GeneratedDuration="0:0:0.1" To="Pressed"/>
                                                </vsm:VisualStateGroup.Transitions>
                                                <vsm:VisualState x:Name="Normal"/>
                                                <vsm:VisualState x:Name="MouseOver">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundMouseOver" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Pressed">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundPressed" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Highlight" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                            <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#6BFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#EAFFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                        <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                            <SplineColorKeyFrame KeyTime="0" Value="#F4FFFFFF"/>
                                                        </ColorAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                                <vsm:VisualState x:Name="Disabled">
                                                    <Storyboard>
                                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="ThumbVisual" Storyboard.TargetProperty="Opacity">
                                                            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
                                                        </DoubleAnimationUsingKeyFrames>
                                                    </Storyboard>
                                                </vsm:VisualState>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                        <Grid Margin="0,1,0,1" x:Name="ThumbVisual">
                                            <Rectangle x:Name="Background" Fill="#FF1F3B53" StrokeThickness="1" RadiusX="2" RadiusY="2">
                                                <Rectangle.Stroke>
                                                    <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                                                        <GradientStop Color="#FF818F99" Offset="1"/>
                                                        <GradientStop Color="#FFC2C9CE" Offset="0"/>
                                                        <GradientStop Color="#FFB3BBC1" Offset="0.35"/>
                                                        <GradientStop Color="#FF96A4B1" Offset="0.35"/>
                                                    </LinearGradientBrush>
                                                </Rectangle.Stroke>
                                            </Rectangle>
                                            <Rectangle x:Name="BackgroundMouseOver" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                            <Rectangle x:Name="BackgroundPressed" Opacity="0" Fill="#FF448DCA" Stroke="#00000000" StrokeThickness="1" RadiusX="2" RadiusY="2"/>
                                            <Rectangle Margin="1" x:Name="BackgroundGradient" Stroke="#FFFFFFFF" StrokeThickness="1" RadiusX="1" RadiusY="1">
                                                <Rectangle.Fill>
                                                    <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                                        <GradientStop Color="#FFFFFFFF" Offset="0.013"/>
                                                        <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                        <GradientStop Color="#E5FFFFFF" Offset="0.603"/>
                                                        <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                                    </LinearGradientBrush>
                                                </Rectangle.Fill>
                                            </Rectangle>
                                            <Rectangle Margin="1" x:Name="Highlight" IsHitTestVisible="false" Opacity="0" Stroke="#FF45D6FA" StrokeThickness="1" RadiusX="1" RadiusY="1"/>
                                        </Grid>
                                    </Grid>
                                </ControlTemplate>
                            </Grid.Resources>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualState x:Name="Normal"/>
                                    <vsm:VisualState x:Name="MouseOver"/>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="Opacity">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="0.5"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
                            <Grid x:Name="HorizontalRoot">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <RepeatButton IsTabStop="False" Margin="9,1,1,1" x:Name="HorizontalSmallDecrease" Width="23" RenderTransformOrigin="0.375,0.375" Grid.Column="0" Interval="50" HorizontalAlignment="Left"
                                                                          Template="{StaticResource RepeatButtonControlTemplateDecrease}" Height="45">
                                </RepeatButton>
                                <RepeatButton IsTabStop="False" Margin="1,1,10,1" x:Name="HorizontalSmallIncrease" Width="23" Grid.Column="4" Interval="50" HorizontalAlignment="Right"
                                                                          Template="{StaticResource RepeatButtonControlTemplateIncrease}" Height="45">
                                </RepeatButton>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="ScrollViewerStyle" TargetType="ScrollViewer">
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Top"/>
            <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
            <Setter Property="Padding" Value="40, 0, 40, 0"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                        <GradientStop Color="#FF718597" Offset="0.375"/>
                        <GradientStop Color="#FF617584" Offset="1"/>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ScrollViewer">
                        <Grid Background="{TemplateBinding Background}">

                            <ScrollBar IsTabStop="False" Margin="0,-1,-1,-1" x:Name="HorizontalScrollBar" Grid.Column="0" Grid.Row="1" Maximum="{TemplateBinding ScrollableWidth}" Minimum="0" 
                                                               Value="{TemplateBinding HorizontalOffset}" Orientation="Horizontal" ViewportSize="{TemplateBinding ViewportWidth}"
                                                               SmallChange="90"
                                                               LargeChange="90" Style="{StaticResource ScrollBarStyle}" >
                            </ScrollBar>
                            <Border Margin="40,0,40,0" BorderBrush="White" CornerRadius="4,4,4,4" Background="#1FFFFFFF" BorderThickness="1,1,1,1" >
                                <ScrollContentPresenter Cursor="{TemplateBinding Cursor}" x:Name="ScrollContentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Margin="2,0,2,0"/>
                            </Border>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <Style x:Key="ListBoxStylePlaylist" TargetType="ListBox">
            <Setter Property="Padding" Value="1"/>
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Foreground" Value="#FF333333"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Top"/>
            <Setter Property="IsTabStop" Value="False"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="TabNavigation" Value="Once"/>
            <Setter Property="BorderBrush" Value="White"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBox">
                        <ScrollViewer Background="{TemplateBinding Background}" 
							BorderBrush="Transparent" BorderThickness="0" 
                            x:Name="ScrollViewer" Style="{StaticResource ScrollViewerStyle}">
                            <inter:Interaction.Behaviors>
                                <slint:MouseWheelScrollBehavior Orientation="Horizontal" />
                            </inter:Interaction.Behaviors>
                            <ItemsPresenter/>
                        </ScrollViewer>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>



        <Style x:Key="PlaylistTooltip" TargetType="slec:ToolTip">
            <Setter Property="Background" Value="#FFF7F8FA"/>
            <Setter Property="Padding" Value="3,0,3,0"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                        <GradientStop Color="#FFA3AEB9" Offset="0"/>
                        <GradientStop Color="#FF8399A9" Offset="0.375"/>
                        <GradientStop Color="#FF718597" Offset="0.375"/>
                        <GradientStop Color="#FF617584" Offset="1"/>
                    </LinearGradientBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="slec:ToolTip">
                        <Grid Height="252" Width="198">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="18"/>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="42"/>
                            </Grid.RowDefinitions>
                            <Border  BorderBrush="#FF000000" CornerRadius="5,5,5,5" BorderThickness="1,1,1,1" Grid.Row="1">
                                <Border.Background>
                                    <LinearGradientBrush StartPoint="0.499994,1" EndPoint="0.499994,4.16985e-006">
                                        <GradientStop Color="#FF000000" Offset="0"/>
                                        <GradientStop Color="#FF131313" Offset="0.0751867"/>
                                        <GradientStop Color="#FF272727" Offset="0.131866"/>
                                        <GradientStop Color="#FF0E0E0E" Offset="0.280212"/>
                                        <GradientStop Color="#FF8C8C8C" Offset="0.565933"/>
                                        <GradientStop Color="#FF464646" Offset="0.710602"/>
                                        <GradientStop Color="#FF000000" Offset="0.92308"/>
                                        <GradientStop Color="#FF111111" Offset="0.967026"/>
                                        <GradientStop Color="#FF999999" Offset="1"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                            </Border>
                            <Border Width="182"  BorderBrush="#FFFFFFFF" CornerRadius="5,5,5,5" BorderThickness="1,1,1,1" Background="{Binding Converter={StaticResource brushConverter}, Path=Thumbnail}" HorizontalAlignment="Left" Height="121" VerticalAlignment="Top" Margin="8,8,0,0" Grid.RowSpan="2" Grid.Row="1"/>
                            <TextBlock Text="{Binding Path=Title}" TextWrapping="Wrap" Foreground="White" FontSize="12" HorizontalAlignment="Stretch" Margin="8,0,8,8" Height="43.364" Grid.Row="1" VerticalAlignment="Bottom"/>
                            <Canvas Height="11" VerticalAlignment="Top" Grid.Row="0" HorizontalAlignment="Center" Width="207.165">
                                <Path Width="207.165" Height="10.8926" Stretch="Fill" StrokeThickness="2.66667" StrokeMiterLimit="2.75" Stroke="#FFC1272D" Data="F1 M 9398.47,9575.75C 9398.49,9571.21 9402.17,9567.53 9406.71,9567.53L 9459.73,9567.53L 9594.74,9567.53C 9599.28,9567.53 9602.97,9571.21 9602.97,9575.75" Canvas.Left="1" Canvas.Top="0"/>
                            </Canvas>
                            <Canvas Height="40" HorizontalAlignment="Center" VerticalAlignment="Top" Width="207.165" Grid.Row="2">
                                <Path Width="207.165" Height="10.8926" Stretch="Fill" StrokeThickness="2.66667" StrokeMiterLimit="2.75" Stroke="#FFC1272D" Data="F1 M 9602.97,9842.48C 9602.95,9847.02 9599.27,9850.7 9594.73,9850.7L 9541.71,9850.7L 9406.7,9850.7C 9402.16,9850.7 9398.47,9847.02 9398.47,9842.48"/>
                                <Path Width="148.476" Height="7.25293" Stretch="Fill" StrokeThickness="1.33333" StrokeMiterLimit="2.75" Stroke="#FFC1272D" Data="F1 M 9574.29,9859.64C 9574.28,9862.91 9571.63,9865.56 9568.36,9865.56L 9530.21,9865.56L 9433.07,9865.56C 9429.8,9865.56 9427.15,9862.91 9427.15,9859.64" Canvas.Left="29.652" Canvas.Top="18.094"/>
                                <Path Width="91.1182" Height="4.94531" Stretch="Fill" StrokeThickness="1.33333" StrokeMiterLimit="2.75" Stroke="#FFC1272D" Data="F1 M 9545.61,9876.81C 9545.6,9878.8 9543.99,9880.42 9541.99,9880.42L 9518.72,9880.42L 9459.44,9880.42C 9457.44,9880.42 9455.83,9878.8 9455.83,9876.81" Canvas.Left="57.974" Canvas.Top="35"/>
                            </Canvas>

                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

        <DataTemplate x:Key="DataTemplatePlaylist">
            <Canvas/>
        </DataTemplate>


        <Style x:Key="ListBoxItemStylePlaylist"  TargetType="ListBoxItem">
            <Setter Property="Padding" Value="3" />
            <Setter Property="HorizontalContentAlignment" Value="Left" />
            <Setter Property="VerticalContentAlignment" Value="Top" />
            <Setter Property="Background" Value="Transparent" />
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="TabNavigation" Value="Local" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid Background="{TemplateBinding Background}">
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualStateGroup.Transitions>
                                        <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                                    </vsm:VisualStateGroup.Transitions>
                                    <vsm:VisualState x:Name="Normal" />
                                    <vsm:VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="fillColor" Storyboard.TargetProperty="Opacity" Duration="0" To=".35"/>
                                            <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)">
                                                <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFC1272D"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="border" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)">
                                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="1.1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="SelectionStates">
                                    <vsm:VisualState x:Name="Unselected" />
                                    <vsm:VisualState x:Name="Selected">
                                        <Storyboard>
                                            <DoubleAnimation Storyboard.TargetName="fillColor2" Storyboard.TargetProperty="Opacity" Duration="0" To=".75"/>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                                <vsm:VisualStateGroup x:Name="FocusStates">
                                    <vsm:VisualState x:Name="Focused">
                                        <Storyboard>
                                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Visibility" Duration="0">
                                                <DiscreteObjectKeyFrame KeyTime="0">
                                                    <DiscreteObjectKeyFrame.Value>
                                                        <Visibility>Visible</Visibility>
                                                    </DiscreteObjectKeyFrame.Value>
                                                </DiscreteObjectKeyFrame>
                                            </ObjectAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                    <vsm:VisualState x:Name="Unfocused"/>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>

                            <slec:ToolTipService.ToolTip>
                                <slec:ToolTip  Style="{StaticResource PlaylistTooltip}" StaticPlacement="True" HorizontalOffset="-55" VerticalOffset="-265"/>
                            </slec:ToolTipService.ToolTip>

                            <Rectangle x:Name="fillColor" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Rectangle x:Name="fillColor2" Opacity="0" Fill="#FFBADDE9" IsHitTestVisible="False" RadiusX="1" RadiusY="1"/>
                            <Border Margin="5" Width="80"  BorderBrush="#FFFFFFFF" CornerRadius="5,5,5,5" BorderThickness="1,1,1,1" Background="{Binding Path=Thumbnail, Converter={StaticResource brushConverter}}" x:Name="border" RenderTransformOrigin="0.5,0.5">
                                <Border.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Border.RenderTransform>
                                <ContentPresenter
                                x:Name="contentPresenter"
                                Content="{TemplateBinding Content}"
                                ContentTemplate="{TemplateBinding ContentTemplate}"
                                HorizontalAlignment="Left"
                                Margin="{TemplateBinding Padding}"/>
                            </Border>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF45D6FA" StrokeThickness="1" Visibility="Collapsed" RadiusX="1" RadiusY="1" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <ControlTemplate x:Key="CheckBoxTemplateFullscreenPopup" TargetType="CheckBox">
            <Grid>
                <vsm:VisualStateManager.VisualStateGroups>
                    <vsm:VisualStateGroup x:Name="CommonStates">
                        <vsm:VisualStateGroup.Transitions>
                            <vsm:VisualTransition GeneratedDuration="00:00:00.2000000"/>
                        </vsm:VisualStateGroup.Transitions>
                        <vsm:VisualState x:Name="Pressed">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="PictoFullScreen" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Normal"/>
                        <vsm:VisualState x:Name="MouseOver">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames BeginTime="00:00:00" Duration="00:00:00.0010000" Storyboard.TargetName="PictoFullScreen" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)">
                                    <SplineColorKeyFrame KeyTime="00:00:00" Value="#FFFFFFFF"/>
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </vsm:VisualState>
                        <vsm:VisualState x:Name="Disabled"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="CheckStates">
                        <vsm:VisualState x:Name="Indeterminate"/>
                        <vsm:VisualState x:Name="Checked"/>
                        <vsm:VisualState x:Name="Unchecked"/>
                    </vsm:VisualStateGroup>
                    <vsm:VisualStateGroup x:Name="FocusStates">
                        <vsm:VisualState x:Name="Unfocused"/>
                        <vsm:VisualState x:Name="Focused"/>
                    </vsm:VisualStateGroup>
                </vsm:VisualStateManager.VisualStateGroups>
                <Path x:Name="PictoFullScreen" Stretch="Fill" Fill="#34FFFFFF" Data="M 615.389,426.639L 634.945,426.639L 634.945,441.75L 615.389,441.75L 615.389,426.639 Z M 612.389,427.972L 612.389,423.75L 616.611,423.75M 633.589,423.75L 637.811,423.75L 637.811,427.972M 637.833,440.35L 637.833,444.572L 633.611,444.572M 616.633,444.572L 612.411,444.572L 612.411,440.35" Height="17" HorizontalAlignment="Center" VerticalAlignment="Center" Width="20"/>
            </Grid>
        </ControlTemplate>
        <Style x:Key="ScrollBarStyleDescription" TargetType="ScrollBar">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ScrollBar">
                        <Grid x:Name="Root">
                            <Grid.Resources>
                                <ControlTemplate x:Key="RepeatButtonTemplate" TargetType="RepeatButton">
                                    <Grid x:Name="Root" Background="Transparent">
                                        <vsm:VisualStateManager.VisualStateGroups>
                                            <vsm:VisualStateGroup x:Name="CommonStates">
                                                <vsm:VisualState x:Name="Normal"/>
                                            </vsm:VisualStateGroup>
                                        </vsm:VisualStateManager.VisualStateGroups>
                                    </Grid>
                                </ControlTemplate>


                            </Grid.Resources>
                            <vsm:VisualStateManager.VisualStateGroups>
                                <vsm:VisualStateGroup x:Name="CommonStates">
                                    <vsm:VisualState x:Name="Normal"/>
                                    <vsm:VisualState x:Name="MouseOver"/>
                                    <vsm:VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Root" Storyboard.TargetProperty="(UIElement.Opacity)">
                                                <SplineDoubleKeyFrame KeyTime="00:00:00" Value="0.5"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </vsm:VisualState>
                                </vsm:VisualStateGroup>
                            </vsm:VisualStateManager.VisualStateGroups>
                            <Grid x:Name="HorizontalRoot" Visibility="Collapsed">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="*"/>
                                    <ColumnDefinition Width="Auto"/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition/>
                                    <RowDefinition/>
                                </Grid.RowDefinitions>

                                <RepeatButton x:Name="HorizontalLargeDecrease" Width="0" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Column="1" Grid.RowSpan="2" Interval="50"/>
                                <Thumb MinWidth="10" x:Name="HorizontalThumb" Width="20" Template="{StaticResource ThumbControlTemplate}" Grid.Column="2" Grid.RowSpan="2"/>
                                <RepeatButton x:Name="HorizontalLargeIncrease" IsTabStop="False" Grid.Column="3" Grid.RowSpan="2" Interval="50"/>
                            </Grid>
                            <Rectangle Width="5" Margin="0,5,0,5" Stroke="{TemplateBinding Foreground}" StrokeThickness="{TemplateBinding BorderThickness}" RadiusX="2" RadiusY="2"/>

                            <Grid x:Name="VerticalRoot" Width="12">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition/>
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="Auto"/>
                                    <RowDefinition Height="*"/>
                                </Grid.RowDefinitions>


                                <RepeatButton Height="0" x:Name="VerticalLargeDecrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="0" Interval="50"/>
                                <Thumb Height="12" x:Name="VerticalThumb" Template="{StaticResource ThumbControlTemplate}" Grid.Row="1" Width="12"/>
                                <RepeatButton x:Name="VerticalLargeIncrease" IsTabStop="False" Template="{StaticResource RepeatButtonTemplate}" Grid.Row="2" Interval="50"/>
                            </Grid>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
        <Style x:Key="ScrollViewerStyleDescription" TargetType="ScrollViewer">
            <Setter Property="IsEnabled" Value="true"/>
            <Setter Property="Foreground" Value="#FF000000"/>
            <Setter Property="BorderBrush" Value="#FFA4A4A4"/>
            <Setter Property="BorderThickness" Value="1"/>
            <Setter Property="HorizontalContentAlignment" Value="Left"/>
            <Setter Property="VerticalContentAlignment" Value="Top"/>
            <Setter Property="Cursor" Value="Arrow"/>
            <Setter Property="FontSize" Value="11"/>
            <Setter Property="VerticalScrollBarVisibility" Value="Visible"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ScrollViewer">
                        <Grid Background="{TemplateBinding Background}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="Auto"/>
                            </Grid.ColumnDefinitions>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="*"/>
                                <RowDefinition Height="Auto"/>
                            </Grid.RowDefinitions>
                            <Rectangle Grid.Column="1" Grid.Row="1" Fill="#FFE9E9E9"/>
                            <ScrollContentPresenter Cursor="{TemplateBinding Cursor}" Margin="{TemplateBinding Padding}" x:Name="ScrollContentPresenter" 
                                                    Content="{TemplateBinding Content}" 
                                                    ContentTemplate="{TemplateBinding ContentTemplate}" 
                                                    Grid.Column="0" Grid.Row="0"/>
                            <ScrollBar Cursor="Arrow" x:Name="VerticalScrollBar" Style="{StaticResource ScrollBarStyleDescription}" Width="12" Visibility="{TemplateBinding ComputedVerticalScrollBarVisibility}" Grid.Column="1" Grid.Row="0" Orientation="Vertical" ViewportSize="{TemplateBinding ViewportHeight}" Maximum="{TemplateBinding ScrollableHeight}" Minimum="0" Value="{TemplateBinding VerticalOffset}"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Application.Resources>
</Application>
